<style type="text/css">
    .panel-body {
        padding-top: 0;
    }
    .progress {
        width: 80%;
        display: none;
        margin: 0 auto;
    }
    .bg-success {
        padding: 15px;
    }
</style>
<div class="row animated fadeInRight">
    <div class="col-md-8 col-md-offset-2">
        <div class="box box-success">
            <div class="panel-heading tabbable"></div>
            <div class="panel-body form-horizontal">
                <p class="bg-success">本功能用于测试两句话的匹配度，以方便您配置知识库自动回复</p>
                <div class="form-group">
                    <label for="str1" class="control-label col-xs-12 col-sm-2">语料一:</label>
                    <div class="col-xs-12 col-sm-8">
                        <textarea name="str1" id="str1" cols="30" rows="3"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label for="str2" class="control-label col-xs-12 col-sm-2">语料二:</label>
                    <div class="col-xs-12 col-sm-8">
                        <textarea name="str2" id="str2" cols="30" rows="3"></textarea>
                        <span class="help-block">请输入两段语料以测试它们的匹配度</span>
                    </div>
                </div>
                <div class="form-group layer-footer">
                    <label class="control-label col-xs-12 col-sm-2"></label>
                    <div class="col-xs-12 col-sm-8">
                        <button type="button" class="btn btn-success btn-embossed post_test_match">测试匹配度</button>
                    </div>
                </div>
                <div class="progress">
                    <div class="progress-bar progress-bar-success" id="match" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="min-width: 20%;width: 100%">
                        未开始匹配
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>